<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>问卷调查-新建</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/base.css">

</head>

<body>
    <div id="header">

        <ul class="layui-nav" lay-bar="disabled">
            <li class="layui-nav-item" lay-unselect="" style="color: #CFCEDC;font-size: 18px;">
                <i><img src="/img/navimg.png" alt=""></i>问卷调查系统
            </li>
        </ul>
    </div>
    <div id="option">
        <div class="outline"><span>选项大纲</span></div>
        <div class="option-list">
            <ul>
                {% for item in options%}
                <li><span>{{item.i}}</span>. <span>{{item.content}}</span></li>
                {% endfor %}
            </ul>

        </div>
        <div class="sav-result">
            {% if id %}
            <button type="button" class="layui-btn layui-btn-normal" onclick="editquestionnaire()">确定</button>
            <a href="/"><button type="button" class="layui-btn layui-btn-primary">取消</button></a>
            {% else %}
            <button type="button" class="layui-btn layui-btn-primary" onclick="savequestionnaire()">保存</button>
            <button class="layui-btn layui-btn-normal" onclick="createquestionnaire()">创建问卷</button>
            <a href="/" style="display: block;margin-top: 6px;"><button type="button" class="layui-btn layui-btn-primary">取消</button></a>
            {% endif %}
        </div>
    </div>

    <div id="write-wj" questId='{{id}}'>
        <div class="content">
            <ul class="content-ul">
                <li class="content-li">
                    <div>
                        <input type="text" id="quest-title" value="{{ questName }}" class='myinput-css head-title'
                            placeholder="问卷主题">
                    </div>
                </li>
                <li class="content-li">
                    <div>
                        <input type="text" id="quest-remark" value="{{ remarks }}" placeholder="说明"
                            class="myinput-css describe-t">
                    </div>
                </li>

                {% for item in options%}
                <li class="content-li content-list">
                    <div><span class="ct-num">{{item.i}}</span>.&nbsp;<span class="option-name">{{item.content}}</span>
                    </div>
                    <div><span class="remark">{{item.remarks}}</span></div>
                    <div class="select">
                        <input type="text" class="myselect-css" value="请选择">
                        <ul class="select-ul">
                            <li value="1">1</li>
                            <li value="2">2</li>
                            <li value="3">3</li>
                        </ul>
                    </div>
                    <div class="operation">
                        <div class="ico-operation">
                            <div class="bj-operation" title="编辑"></div>
                        </div>
                        <div class="ico-operation">
                            <div class="rm-operation" title="删除"></div>
                        </div>
                    </div>
                </li>
                {% endfor %}

                <li class="content-li add-content"><a href="javascript:;">添加新项</a></li>
            </ul>

        </div>
    </div>


    <div id="myprompt">
        <div class="prompt-centent">
            <div class="layui-inline">
                <label class="">最高分数(必填)</label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input myinput-css max-score" placeholder="输入">
                </div>
            </div>
            <div>
                <div class="layui-inline">
                    <label class="">截止时间(可空)</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="endtime" placeholder="yyyy-MM-dd">
                    </div>
                </div>
            </div>
            <div>
                <input type="button" class="pm-btn layui-btn layui-btn-normal" value="确定">
            </div>
        </div>

    </div>
        <script src="/js/jquery-3.6.0.min.js"></script>
        <script src="/js/axios.min.js"></script>
        <script src="/layui/layui.js"></script>
        <script src="/js/base.js"></script>
        <script src="/js/createwj.js"></script>

        <script>
            layui.use('laydate', function () {
                var laydate = layui.laydate;

                //执行一个laydate实例
                laydate.render({
                    elem: '#endtime' //指定元素
                });
            });
        </script>
</body>

</html>